// source --> https://sound-mist.com/wp/wp-content/themes/central/js/script.js?ver=5.2.17
(function( $ ) {
$(document).ready(function(){
/*
* include new function centralHassAttr
*/
$.fn.centralHassAttr = function( name ) {
return $( this ).attr(name) !== undefined;
};
/*
* display middle letter of blogname in orange color,
* variable blogName we get from functions.php
*/
var blogNameArray = centralStringJs.blogName.split( '' ), /* split 'string' in to 'array' */
arrayLength = blogNameArray.length, /* get size of array */
middle = Math.floor( arrayLength / 2 ), /* get number of middle letter */
firstLetters = blogNameArray[ 0 ], /* we skid a first letter in to firstLetters */
midLetter = blogNameArray[ middle ], /* we skid a middle letter in to midLetter */
lastLetters = blogNameArray[ middle + 1 ], /* we skid a next letter after the middle letter in to lastLetters */
i;
for ( i = 1; i < middle; i++ ) { /* we add all letters before a middle in to firstLetters */
firstLetters+=blogNameArray[i];
}
for ( i = middle + 2; i < arrayLength; i++ ) { /* we add all letters after a middle in to lastLetters */
lastLetters += blogNameArray[i];
}
/* create 'span' elements and entered text in them */
$( '#site-title' ).find( 'span a' ).append('')
.append('')
.append('');
$( '#first-letters' ).text( firstLetters );
$( '#middle-letter' ).text( midLetter );
$( '#last-letters' ).text( lastLetters );
/* slide for multilevel lists */
$( '.main-menu li' ).mouseenter( function() {
/*we get rest space from current sub menu to right side of window */
var windowWidth = $( window ).width(),
parentWidth = $( this ).width(),
offset = $( this ).offset(),
parentLeftOffset = offset.left,
restSpace = windowWidth - parentLeftOffset - parentWidth;
/* displaying next sub menu right or left of the previous sub menu */
if ( restSpace < 218 && ( $( this ).parent().hasClass( 'sub-menu' ) || $( this ).parent().hasClass( 'children' ) ) ) {
$( this ).children( 'ul' ).css( 'marginLeft', '-220px' );
}
$( this ).children( 'ul' ).slideDown( 300 );
} ).mouseleave( function() {
$( this ).children( 'ul' ).slideUp( 300 );
} );
/*
* main menu last child for ie
*/
$( '#ie7 .sub-menu, #ie8 .sub-menu, #ie7 .children, #ie8 .children' ).each( function() {
$( this ).children( 'li' ).last().css( 'border', 'none' );
} );
/*
* slider script
*/
var count = 0; /* number of slides*/
$( '.slider-wrap .slider ul' ).children( 'li' ).each( function() {
if ( $( this ).parent().hasClass( 'slides' ) ) {
count++;
}
} );
var currentSlide = 0, /* number of current slide */
nextSlide = 0, /* number of next slide */
lastSlide = count - 1, /* number of last slide */
timeout = 0;
$( '.slider-wrap .slider' ).children().children( 'li' ).each( function( i ) {
$( this ).addClass( 'slide-'+i );
$( '.slider-nav' ).append( '' + i + '' );
});
/* display first slide and show current link */
$( '.nav-0' ).addClass( 'current-nav' );
$( '.slide-0' ).addClass( 'current-slide' );
/* when link was clicked */
$( '.slider-nav a' ).click( function() {
clearInterval( timeout ); /* stop centralCircle() */
currentSlide = parseInt( $( this ).text() );
if ( ! $( this ).hasClass( 'current-nav' ) ) { /* add a class 'current-nav' to the link that was clicked */
$( '.slider-nav a' ).each( function() {
if ( $( this ).hasClass( 'current-nav' ) ) {
$( this ).removeClass( 'current-nav' );
}
} );
}
$( this ).addClass( 'current-nav' );
$( '.slider-wrap .slider ul li' ).each( function() { /* add a class 'current-slide' class to the corresponding list item and displey him */
if ( $( this ).hasClass( 'current-slide' ) ) {
$( this ).removeClass( 'current-slide' ).fadeOut( 3000 );
}
} );
$( '.slide-' + currentSlide ).addClass( 'current-slide' ).fadeIn( 3000 );
timeout = setInterval( centralCicle, 7000 ); /* start centralCicle() */
} );
/* function to change slides */
function centralCicle() {
currentSlide = parseInt( $( '.current-nav' ).text() );
if ( currentSlide == lastSlide ) {
nextSlide = 0;
} else {
nextSlide = currentSlide + 1;
}
$( '.nav-' + currentSlide ).removeClass( 'current-nav' );
$( '.nav-' + nextSlide ).addClass( 'current-nav' );
$( '.slide-' + currentSlide ).removeClass( 'current-slide' ).fadeOut( 3000 );
$( '.slide-' + nextSlide ).addClass( 'current-slide' ).fadeIn( 3000 );
}
timeout = setInterval( centralCicle, 7000 );
/*
* attribute "placeholder" for ie script
*/
$(function() {
var input = document.createElement( "input" );
if ( ( 'placeholder' in input ) == false ) {
$( '[placeholder]' ).focus( function() {
if ( $( this ).val() == $( this ).attr( 'placeholder' ) ) {
$( this ).val( '' ).removeClass( 'placeholder' );
}
} ).blur( function() {
if ( $( this ).val() == '' || $( this ).val() == $( this ).attr( 'placeholder' ) ) {
$( this ).addClass( 'placeholder' ).val( $( this ).attr( 'placeholder' ) );
}
} ).blur().parents( 'form' ).submit( function() {
$( this ).find( '[placeholder]' ).each( function() {
if ( $( this ).val() == $( this ).attr( 'placeholder' ) ) {
$( this ).val( '' );
}
} );
} );
}
} );
$( '#ie7 .widget, #ie7 .search-wrap, #ie7 .post' ).before( '
' );
/*
* search script
*/
$( '.search-wrap' ).each( function() {
if ( $( this ).parent().hasClass( 'widget' ) ) {
$( this ).parent().removeClass( 'widget' );
}
} );
$( '#ie7 .search-wrap, #ie8 .search-wrap' ).append( '' );
$( '#ie7 .search-field, #ie8 .search-field' ).focus( function() {
$( this ).css( {
top: '-1px',
left: '-1px',
padding: '15px 20px',
border: '1px solid #d9d7d5',
boxShadow: '0px 0px 5px rgba(220,220,220,1)'
} );
} ).blur( function() {
$( this ).css( {
top: '5px',
left: '5px',
padding: '10px 15px',
border: 'none',
boxShadow: '0px 0px 5px rgba(255, 255, 255, 1)'
} );
} );
/*
* widget menu slide script
*/
$( '.widget ul li' ).mouseenter( function() {
$( this ).children( 'ul' ).slideDown( 300 );
} ).mouseleave( function() {
$( this ).children( 'ul' ).slideUp( 300 );
} );
/*
* input[type="text,password"] and textarea script
*/
$( '#ie7 textarea, #ie8 textarea' ).wrap( '
' );
$( '#ie7 .post input:text, #ie8 .post input:text, #ie7 .post input:password, #ie8 .post input:password' ).each(function() {
if ( ! $( this ).hasClass( 'search-field' ) ) {
$( this ).wrap( '' );
}
} );
/* function to show animation effects when elements in focus or blur */
$( '#ie7 textarea, #ie8 textarea, #ie7 .post input:text, #ie8 .post input:text, #ie7 input:password, #ie8 input:password' ).each( function() {
if ( ! $( this ).hasClass( 'search-field' ) ) {
var normalWidth = $( this ).width(),
focusWidth = normalWidth + 10,
normalHeight = $( this ).height(),
focusHeight = normalHeight + 10;
$( this ).focus( function() {
$( this ).css( {
width: focusWidth,
height: focusHeight,
top: '-1px',
left: '-1px',
border: '1px solid #e7e6e5',
boxShadow: '0px 0px 5px rgba(220,220,220,1)'
} );
var id = $( 'html' ).attr( 'id' );
if ( id == 'ie7' ) {
$( this ).css( {
top: '0px',
left: '0px'
} );
}
} ).blur( function() {
$( this ).css( {
width: normalWidth,
height: normalHeight,
top: '5px',
left: '5px',
border: 'none',
boxShadow: '0px 0px 5px rgba(255, 255, 255, 1)'
} );
} );
}
} );
/*
* select script
*/
var select = $( 'select' );
select.hide().addClass( 'sel-styled' ).wrap( '' );
$( '#ie7 .sel-styled-cont, #ie8 .sel-styled-cont' ).wrap( '' );
$( '.sel-styled-cont' ).append( '' ).append('');
$( 'body' ).on( 'click', function( e ) {
var id = $( 'html' ).attr( 'id' ), elem;
if ( $( e.target ).hasClass( 'sel-styled-cont' ) ) {
elem = e.target;
} else if ( $( e.target ).closest( '.sel-styled-cont' ).length >0 ) {
elem = $( e.target ).closest( '.sel-styled-cont' );
} else {
elem = false;
}
if ( elem && ! $( elem ).hasClass( 'out-shadow' ) ) {
$( this ).find( '.sel-styled-cont' ).removeClass( 'out-shadow' );
if ( id == 'ie7' || id == 'ie8' ) {
$( this ).find( '.sel-styled-cont' ).css( {
top: '5px',
left: '5px',
width: '210px',
height: '34px',
border: 'none',
boxShadow: '0px 0px 5px rgba(255, 255, 255, 1)'
} );
$( this ).find( '.sel-styled-inner' ).css( { top: '12px', right: '14px' } );
$( this ).find( '.sel-styled-text' ).css( { top: '-1px', left: '-4px' } );
}
$( this ).find( '.sel-styled-cont-open' ).slideUp( 100 );
$( elem ).addClass( 'out-shadow' );
if ( id == 'ie7' || id == 'ie8' ) { /* animation effects for select in ie when select in focus or blur */
$( elem ).css( {
top: '0px',
left: '0px',
width: '220px',
height: '44px',
border: '1px solid #e7e6e5',
boxShadow: '0px 0px 5px rgba(220, 220, 220, 1)'
} );
$( elem ).find( '.sel-styled-inner' ).css( { top: '17px', right: '19px' } );
$( elem ).find( '.sel-styled-text' ).css( { top: '4px', left: '1px' } );
}
$( elem ).find( '.sel-styled-cont-open' ).slideDown( 100 );
} else {
$( this ).find( '.sel-styled-cont' ).removeClass( 'out-shadow' );
if ( id == 'ie7' || id == 'ie8' ) {
$( elem ).css( {
top: '5px',
left: '5px',
width: '210px',
height: '34px',
border: 'none',
boxShadow: '0px 0px 5px rgba(255, 255, 255, 1)'
} );
$( this ).find( '.sel-styled-inner' ).css( { top: '12px', right: '14px' } );
$( this ).find( '.sel-styled-text' ).css( { top: '-1px', left: '-4px' } );
}
$( this ).find( '.sel-styled-cont-open' ).slideUp( 100 );
}
} );
/* set values from dropdown menu item to select main field */
$( '.sel-styled-cont-open' ).on( 'click', '.sel-styled-opt', function( e ) {
var elem = e.target;
$( elem ).closest( '.sel-styled-cont' ).find( '.sel-styled-text' ).text( $( elem ).text() );
$( elem ).closest( '.sel-styled-cont' ).find( '.sel-styled' ).val( $( elem ).text() );
$( elem ).closest( '.sel-styled-cont' ).find( 'select' ).find( 'option' ).removeAttr( 'selected' );
$( elem ).closest( '.sel-styled-cont' ).find( 'select' ).find( 'optgroup, option' ).eq( $( elem ).index() ).attr( 'selected', 'selected' ).trigger( 'change' );
} );
select.each( function() { /* script for child elements of script */
if ( $( this ).find( 'option[selected]' ).length > 0 ) {
$( this ).parent().append( '' + $( this ).find( 'option[selected]' ).text() + '' );
} else {
$( this ).parent().append( '' + $( this ).find( 'option:first' ).text() + '' );
}
if ( $( this ).find( 'optgroup' ).length > 0 ) {
$( this ).find( 'optgroup' ).each( function() {
$( this ).closest( '.sel-styled-cont' ).find( '.sel-styled-cont-open' ).append( '' + $( this ).attr( 'label' ) + '' );
$( this ).find( 'option' ).each( function() {
if ( $( this ).attr( 'disabled' ) ) {
$( this ).closest( '.sel-styled-cont' ).find( '.sel-styled-cont-open' ).append( '' + $( this ).text() + '' );
} else {
$( this ).closest( '.sel-styled-cont' ).find( '.sel-styled-cont-open' ).append( '' + $( this ).text() + '' );
}
} );
} );
} else {
$( this ).find( 'option' ).each( function() {
if ( $( this ).attr( 'disabled' ) ) {
$( this ).closest( '.sel-styled-cont' ).find( '.sel-styled-cont-open' ).append( '' + $( this ).text() + '' );
} else {
$( this ).closest( '.sel-styled-cont' ).find( '.sel-styled-cont-open' ).append( '' + $( this ).text() + '' );
}
} );
}
} );
/*
* radio script
*/
$( 'input:radio' ).addClass( 'rad-styled' ).wrap( '' ).click( function() {
$( 'input:radio' ).each( function() {
if ( $( this ).parent().hasClass( 'checked' ) ) {
$( this ).parent().removeClass( 'checked' );
}
} );
$( this ).parent().addClass( 'checked' );
} );
$( 'input:radio:checked' ).parent().addClass( 'checked' );
$( '.rad-styled-cont' ).append( '' );
/*
* checkbox script
*/
$( 'input:checkbox' ).addClass( 'che-styled' ).wrap( '' ).click( function() {
$( this ).parent().toggleClass( 'checked' );
} );
$( 'input:checkbox:checked' ).parent().addClass( 'checked' );
$( '.che-styled-cont' ).append( '' );
$( '.che-styled-inner ').click( function() {
$( this ).parent().removeClass( 'checked' );
if ( $( this ).parent().children( 'input:checkbox' ).centralHassAttr( 'checked' ) ) {
$( this ).parent().children( 'input:checkbox' ).removeAttr( 'checked' );
}
} );
/*
* labels of radioboxes and checkboxes script
*/
$( '.rad-styled-cont, .che-styled-cont' ).next( 'label' ).each( function() {
$( this ).addClass( 'form-label' );
} );
/*
* file-input script, variables chooseFile, fileSelected and fileNotSelected we get from functions.php
*/
$( 'input:file' ).addClass( 'file-styled' ).wrap( '' ).on( 'change', function() {
$( this ).parent().children( '.file-styled-validator' ).text( $( this )[ 0 ].files[ 0 ][ 'name' ] );
} );
$( '.file-styled-cont' ).wrap( '' )
.append('')
.append('')
.append('');
$( '.file-styled-inner' ).text( centralStringJs.chooseFile );
$( '.file-styled-validator' ).text( centralStringJs.fileNotSelected );
/*
* animate buttons script
*/
$( 'button, input:reset, input:button, input:submit' ).mouseenter( function() {
$( this ).animate( { boxShadow: '0 0 5px #bbb', backgroundColor: '#333' }, 300 );
} ).mouseleave( function() {
$( this ).animate( { boxShadow: '0 0 0 #bbb', backgroundColor: '#e37351' }, 300 );
} ).click( function() {
$( this ).animate( { boxShadow: '0 0 0 #bbb', backgroundColor: '#333' }, 300 );
} );
/*
* reset button script
*/
$( 'input:reset' ).click( function() {
var resetForm = $( this ).closest( 'form' );
resetForm.find( 'select' ).each( function() {
$( this ).children( 'option' ).removeAttr( 'selected' );
$( this ).parent().find( '.sel-styled-text' ).text( $( this ).children( 'option:first' ).text() );
} );
resetForm.find( 'input:radio' ).each( function() {
$( this ).parent().removeClass( 'checked' );
if ( $( this )[0].hasAttribute( 'checked' ) ) {
$( 'input:radio:checked' ).parent().addClass( 'checked' );
}
} );
resetForm.find( 'input:checkbox' ).each( function() {
$( this ).parent().removeClass( 'checked' );
} );
resetForm.find( 'input:file' ).each( function() {
$( this ).val( '' );
$( '.file-styled-inner' ).text( centralStringJs.chooseFile );
$( '.file-styled-validator' ).text( centralStringJs.fileNotSelected );
} );
} );
$( '.anchor' ).click( function () {
$( 'html' ).animate( { scrollTop: 0 }, 2000 );
} );
/*
* blockquote in ie7 script
*/
$( '#ie7' ).find( 'blockquote' ).each( function() {
var text = '\"' + $( this ).children( 'p' ).text() + '\"';
$( this ).children( 'p' ).text( text ).before( '' );
} );
/*
* quote in ie7 script
*/
$( '#ie7' ).find( 'q' ).each( function() {
var text = '\"' + $( this ).text() + '\"';
$( this ).text( text );
} );
} )
} )(jQuery);